<!--
 * @Description:
 * @Author: yangl
 * @Date: 2023-11-06 10:32:53
 * @LastEditors: yangl
 * @LastEditTime: 2023-11-07 16:14:30
-->
<template>
  <div class="handle-title">
    <div class="text">
      {{ text }}
    </div>
    <slot name="default"></slot>
  </div>
</template>

<script>
export default {
  name: 'commonTitle',
  props: {
    text: {
      type: String,
      default: () => {
        return '标题'
      }
    }
  }
}
</script>

<style scoped>
.handle-title {
  height:50px;
  line-height: 50px;

  background-position: left;
  background-repeat: no-repeat;
  background-image: url('../../../../assets/images/title-bg.png');
  background-size: 500px 61px;
  display: flex;
}

.text {
  padding-left: 40px;
  height: 30px;
  font-size: 14px;
  font-family: DingTalk JinBuTi-Regular, DingTalk JinBuTi;
  font-weight: 400;
  color: #e0e7ff;
  display: inline-block;
}
</style>
